﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>健身中心</title>

    <link rel="stylesheet" type="text/css" href="../css/EquipmentDisplayDetailed.css" />
    <!-- 引入Mui -->
	<link href="../css/mui.min.css" rel="stylesheet" />
	<script src="../script/mui.min.js"></script>
    <!-- 引入bootstrap -->
    <script src="../script/jquery.min.js" type="text/javascript"></script> 
    <link href="../../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
    <script src="../../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

    <link href="../css/idangerous.swiper.css" rel="stylesheet" type="text/css">
    <script src="../script/JsUrl.js" type="text/javascript"></script>
    <script src="../script/idangerous.swiper-2.4.js"></script>
    <script src="../script/utils.js"></script>
    <script type="text/javascript" src="../script/EquipmentDisplayDetailed.js"></script>
    <script src="../script/awardRotate.js"></script>
</head>

<body>
    <!--幻灯片-->
    <div class="mui-slider" style="height:30%">
    <div class="mui-slider-group" id="swiper-wrapper1">
      <!--   <div class="mui-slider-item"><a href="#"><img src="../image/m1.png" /></a></div>
        <div class="mui-slider-item"><a href="#"><img src="../image/m2.png" /></a></div>
        <div class="mui-slider-item"><a href="#"><img src="../image/m3.png" /></a></div>-->

    </div>
    </div>
    <!--幻灯片 结束-->
    <div class="equipment_information col-xs-12" style="background:#2bb3fa;">器材设备信息</div>

    <div class="equipment_information_content">
        <table class="equipment_information_content_table">
            <tr>
                <td> <span><img src="../image/point.png"></span><span>设备名称:</span>&nbsp;<span id="deviceType">null</span></td>
                <td> <span><img src="../image/point.png"></span><span>设备状态:</span>&nbsp;<span id="DeviceStatusValue" style="color:red;">nulll</span></td>
            </tr>
            <tr>
                <td><span><img src="../image/point.png"></span><span>设备品牌:</span>&nbsp;<span id="deviceBrand">null</span></td>
                <td><span><img src="../image/point.png"></span><span>设备类别:</span>&nbsp;<span id="CatagpruName">111111</span></td>
            </tr>
            <tr>
                <td><span><img src="../image/point.png"></span><span>设备编号:</span>&nbsp;<span id="deviceNo">null</span></td>
                <td><span><img src="../image/point.png"></span><span>设备位置:</span>&nbsp;<span id="devicePlace">null</span></td>
            </tr>
        </table>
    </div>

    <div class="reserve_information col-xs-12" style="background:#2bb3fa;" >已预约</div>

    <div class="reserve_information_content col-xs-12 col-sm-12">
        <div class="reserve_information_content_subtitle" style="height:20%">
            <div class="reserve_information_content_subtitle_childrenDiv">姓名</div>
            <div class="reserve_information_content_subtitle_childrenDiv_222">预约时间</div>
            <div class="reserve_information_content_subtitle_childrenDiv">详情</div>
        </div>
		<div id="reserve_information_content_div">
		<!--	<ul class="mui-table-view">
			    <li class="mui-table-view-cell">
			    	<div class="col-xs-4" style="text-align: center;line-height: 34.3px;"></div>
			    	<div class="col-xs-4" style="font-size:12px;text-align: center;"></div>
			    	<div class="col-xs-4" style="text-align: center;line-height: 34.3px;"></div>
			    </li>
			    <li class="mui-table-view-cell" >
			    	<div class="col-xs-4" style="text-align: center;line-height: 34.3px;"></div>
			    	<div class="col-xs-4" style="font-size:12px;text-align: center;"></div>
			    	<div class="col-xs-4" style="text-align: center;line-height: 34.3px;"></div>
			    </li>
			    <li class="mui-table-view-cell">
			    	<div class="col-xs-4" style="text-align: center;line-height: 34.3px;"></div>
			    	<div class="col-xs-4" style="font-size:12px;text-align: center;"></div>
			    	<div class="col-xs-4" style="text-align: center;line-height: 34.3px;"></div>
			    </li>
			</ul>-->
		</div>
    </div>
    <div style="position: fixed;bottom: 0px; " class="reserve_button col-xs-12 col-sm-12">
        <input type="button" id="reserve_button_appearance" class="reserve_button_appearance btn btn-info col-xs-12 col-sm-12 " value="立 即 预 约" onclick="openWin()"/>
    </div>

</body>

<script>
    $(function() { 
    	//初始化MUI组件
     	mui.init();
     	getPageValue();
    }); 
   // function back_onclick() {
    //   window.close();
   //  }
</script>

</html>
